/* css reset */
//-webkit-user-select:none;  不允许文字选中，同时可以去掉a链接外部的选中框
//-webkit-tap-highlight-color: transparent;	不允许有选中状态
html {
  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
body {
  font-size: 0.06rem;
  line-height: 1;
  color: #333333;
  background-color: white;
  height: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 320px;
  max-width: 601px;
  margin:0 auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
svg:not(:root) {
  overflow: hidden;
}
a {
  background: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}

dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align:
          baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0; vertical-align: middle;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  border:none;
}
input[type="text"],textarea{
  -webkit-appearance: none;

}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0; padding: 0;
}
input {
  line-height: normal;
  outline:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);

}
textarea{
  resize:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
input:focus{
  outline:none;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
optgroup {
  font-weight: bold;
}
em{
  font-style:normal;
}
html, button, input, select, textarea {
  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
  margin: 0;
}
ul, ol, li, dl, dd {
  margin: 0;
  padding: 0;
}
li {
  list-style: none outside none;
}
h1, h2, h3 {
  line-height: 2;
  font-weight: normal;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #cccccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #cccccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #cccccc;
}
.clearfix{
  &:before,&:after{
    display:table;
    line-height: 0;
    content: "";
  }
  &:after{
    clear:both;
  }
}
img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6,p,b,em,i{
  line-height: normal;
}

body {
  font-size:1.4rem;
  background:#eee;
  color: #333;
}
@hoverColor: #e4e4e4;
@textColor: #ffa800;
@white: #fff;
@imgPath:"/static/acweb/release/images/";
i{font-style: normal;}
.hide{display: none;}
.cls-list{
  .list-nav{
    background-color:@white;
    position:fixed;
    height: 3.8rem;
    top:0;
    width:100%;
    ul{
      position: relative;
      height: 3.8rem;
      border-bottom: 1px @hoverColor solid;
      font-size: 1.6rem;
      li{
        // position: relative;
        float: left;
        width: 33.33%;
        height: 3.8rem;
        line-height: 3.8rem;
        text-align: center;
        a{
          line-height: 1;
          display: block;
          border-right: 1px @hoverColor solid;
          color: #333;
          margin-top: 1.25rem;
        }
        &:last-child{
          a{border-right: none;}
        }
      }
      .nav-icon{
        a:after{
          display: inline-block;
          content: '';
          background:url('@{imgPath}cls_up.png') no-repeat;
          background-size: 100%;
          width: 1rem;
          height: .8rem;
          margin-left: .5rem;
        }
        .more-list{
          position: absolute;
          top: 3.9rem;
          left: 0;
          right: 0;
          // padding:0 1.2rem;
          height: auto;
          background-color: @white;
          border:none;
          z-index: 5;
          font-size: 1.4rem;
          li{
            width: 33.33%;
            border-bottom:1px @hoverColor solid;
          }
          .on{color: @textColor;}
        }
      }
      .on{
        // border-bottom: 1px @textColor solid;
        a{
          color: @textColor;
        }
        a:after{
          background:url('@{imgPath}cls_down.png') no-repeat;
          background-size: 100%;
        }
      }
    }
  }
  .list-detail{
    .detail-content{
      background-color:@white;
      margin-top: 1.5rem;
      dl{
        padding:1.2rem 1.2rem 1.1rem 1.2rem;
        overflow: hidden;
        dt{
          float: left;
          width: 11.45rem;
          img{
            border-radius: .18rem;
            width: 11.45rem;
            height: 8.65rem;
          }
        }
        dd{
          margin-left: 12.45rem;
          line-height: 1;
          line-height: 1.5rem;
          span{
            font-size: 1.25rem;
          }
          .tit{
            display: inline-block;
            background-color: #e7f1f6;
            padding:.25rem .8rem;
            border-radius: 2rem;
            margin-right: .4rem;
            margin-bottom: .2rem;
            color: #8895a0;
          }
          .num-t{color:#999;}
          &:last-child{
            margin-top: 0.9rem;
          }
        }
        .d-list{
          min-height: 3.8rem;
          line-height: 1.9rem;
          margin-top:-0.3rem;
          margin-bottom: 0.8rem;
          font-size: 1.5rem;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        .d-title{
          //height: 1.917rem;
          overflow: hidden;
        }
      }
      .see{
        background-color: #f8f8f8;
        padding:0 1.2rem;
        line-height: 4.5rem;
        overflow: hidden;
        .see-lt{
          float: left;
          width: 40%;
          .lt-img{
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            margin-right: .5rem;
          }
          .tit{font-size: 1.6rem;}
        }
        .see-rt{
          width: 60%;
          text-align: right;
          .class{
            position: relative;
            color: #999;
            font-size: 1.2rem;
            &:before{
              position: absolute;
              top: -0.1rem;
              left: -2rem;
              content: '';
              width: 1.6rem;
              height: 1.6rem;
              background:url('@{imgPath}cls_day_time.png') no-repeat;
              background-size: 100%;
            }
            img{
              width: 1.36rem;
              height: 1.36rem;
              display: inline-block;
              margin-top:-.2rem;
              margin-right: .3rem;
            }
          }
          .just{color: #ff9e00;}
          .jstImg:before{
            background:url('@{imgPath}cls_now_time.png') no-repeat;
            background-size: 100%;
          }
          .laterImg:before{
            background:url('@{imgPath}cls_time.png') no-repeat;
            background-size: 100%;
          }
          .see-btn{
            font-size: 1.4rem;
            display: inline-block;
            background-color: @textColor;
            color: @white;
            padding:0 1.5rem;
            height: 2.4rem;
            line-height: 2.4rem;
            border-radius: 2rem;
            margin-left:.5rem;
          }
        }
      }
      a{color: #333;display: block;}
    }
  }
  .list-empty{
    text-align: center;
    p{
      margin:5rem 0 3rem 0;
      font-size: 1.6rem;
      color: #999;
    }
    img{width: 13.15rem; height: 13.75rem;}
  }
}
//.list-detail{
//  margin-top:5.3rem;
//}
.cls-details{
  background:url('@{imgPath}deta_bj.png') top #eeeeee no-repeat;
  background-size: 100%;
  padding-bottom: 7.2rem;
  .deta-img{
    position: relative;
    text-align: right;
    padding-top: 2rem;
    span{
      margin-right: 1.2rem;
    }
    img{
      width: 3.2rem;
      height: 3.2rem;
      opacity: 0.3;
    }
    .cls-logo{
      position: absolute;
      top: 2rem;
      left: 1.2rem;
      img{
        width: 7.272rem;
        height: 2.754rem;
        opacity: 1;
      }
    }
  }
  .title{
    text-align:center;
    color: #fff;
    line-height: 2.7rem;
    h3{
      font-size: 2rem;
      color: #ffa800;
      margin-top: 6rem;
      min-height: 4.334rem;
      padding:0 2rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    p{margin-top:1.5rem;}
  }
  .teaching{
    padding:0 2rem;
    text-align: center;
    margin-top: 5.2rem;
    ul{
      padding:2.5rem 3.5rem;
      border-radius: 7px;
      background-color: #fff;
      li{
        color: #666;
        line-height: 2rem;
        font-size: 1.5rem;
        img{
          width: 8rem;
          height: 8rem;
          border-radius: 50%;
        }
        .tt{color: #000;font-size: 1.8rem;}
        .ts{color: #ffa800;font-size: 1.4rem;}
        &:first-child{
          margin-bottom: .5rem;
        }
        &:last-child{
          line-height: 2.5rem;
          margin-top: .6rem;
          text-align: left;
        }
      }
    }
  }
  .course{
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    margin:1.5rem 2rem 0 2rem;
    padding:2rem;
    h3{
      text-align:center;
      font-size: 1.8rem;
      color: #000;
    }
    .hr{
      position: absolute;
      width: 3rem;
      height: .4rem;
      background-color: #ffa800;
      left: 50%;
      top: 5.5rem;
      margin-left: -1.5rem;
    }
    .test{
      margin-top: 2.8rem;
      color: #666;
      font-size: 1.5rem;
      word-wrap:break-word;
      p{
        line-height: 2.5rem;
        text-indent:2.5rem;
      }
    }
  }
  .follow{
    text-align: center;
    margin: 3rem 0 0 0;
    h3{
      font-size: 1.8rem;
      margin:.5rem 0;
    }
    p{color: #999;font-size: 1.5rem;}
    .code{
      p{font-size: 1.2rem;}
      img{
        width: 10rem;
        height: 10rem;
        border:6px #fff solid;
        margin:1.8rem 0 1.5rem 0;
      }
    }
  }
  .join-bom,.app-bom{
    position: fixed;
    bottom: 0;
    min-width: 320px;
    max-width: 601px;
    width: 100%;
    height: 4.9rem;
    line-height: 4.9rem;
    background-color: #fff;
    text-align: center;
    color: #999;
    font-size: 1.5rem;
    box-shadow:0px -0.1rem 1px #e9e9e9;
    .cls-lt{
      float: left;
      width: 35%;
      color: #ffa800;
      font-size: 1.6rem;
    }
    .nowCls {color: #999;}
    /*now time*/
    .justImg{
      .detaT{
        &:before{
          content: '';
          position: absolute;
          top: 1.6rem;
          margin-left: -1.8rem;
          background:url('@{imgPath}cls_now_time.png') no-repeat;
          background-size: 100%;
          width: 1.36rem;
          height: 1.36rem;
        }
      }
    }
    .cls-rt{
      float: right;
      width: 65%;
      height: 4rem;
      line-height: 4rem;
      margin:.45rem 0 0 0;
      a{
        display:block;
        background-color: #ffa800;
        border-radius: 2rem;
        margin-right: 1rem;
        color: #fff;
        font-size: 1.8rem;
      }
    }
  }
  .dataDiffer{font-size: 1.6rem;}
  .app-bom{
    padding:1rem 0;
    height: 4rem;
    line-height: 4rem;
    .app-text{
      display:block;
      background-color: #ffa800;
      border-radius: 2rem;
      margin:0 1rem;
      color: #fff;
      font-size: 1.8rem;
    }
  }
}
.layer{
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  min-width: 320px;
  max-width: 601px;
  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');
  background-color:rgba(0,0,0,0.6);
}
.shareLayer{
  .layer;
  .detaShare{
    position:fixed;
    width: 13.4rem;
    height: 11.2rem;
    background:url('@{imgPath}deta_share_mask.png') no-repeat;
    background-size: 100%;
    top: 1.2rem;
    right: 1.3rem;
  }
  .detaKeep{
    background:url('@{imgPath}deta_share_mask01.png') no-repeat;
    background-size: 100%;
  }
}
.successLayer,.classtips,.qqLayer,.nohelpLayer{
  .layer;
  text-align: center;
  .sucCont{
    position: absolute;
    top: 8%;
    margin:0 4rem;
    background-color: #fff;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    .nav{
      background-color: #ffa800;
      height: 4.86rem;
      line-height: 4.86rem;
      font-size: 1.5rem;
      position: relative;
      color: #fff;
      border-top-left-radius: .3rem;
      border-top-right-radius: .3rem;
      h3{
        height: 4.86rem;
        line-height: 4.86rem;
      }
      .delete{
        position: absolute;
        top: 1.3rem;
        right: 1.03rem;
        img{
          width: 1.8rem;
          height: 1.8rem;
        }
      }
    }
    .content{
      padding:1.8rem 2rem;
      line-height: 2.2rem;
      i{color: #ffa800;}
    }
    .code{
      background-color: #f0f0f0;
      padding:1.63rem 0;
      .tt{color:#ffa800;}
      .code-img{
        width: 10rem;
        height: 10rem;
        border: 6px #fff solid;
        margin: 1em 0 .8rem 0;
      }
      .ts{font-size: 1.2rem;}
    }
  }
}
.classtips .sucCont{
  .notImg{
    width:9.983rem;
    height:7.53rem;
    margin-top: 1.5rem;
  }
  .title{
    color: #ffa800;
    margin-top: 1.7rem;
    font-size: 1.6rem;
  }
  .content{
    padding:1.3rem 2.2rem 2.2rem 2.2rem;
  }
}
.enterLayer{
  .layer;
  text-align: center;
  .enter{
    position: absolute;
    top: 23%;
    margin:0 4.5rem;
    left: 0;
    right: 0;
    padding:2rem;
    background-color: #fff;
    border-radius: 3px;
    p{
      font-size: 1.2rem;
      color: #999;
    }
    .errBox{
      color:red;
      text-align: left;
      font-size:1.3rem;
      height: 2.2rem;
      line-height: 2.2rem;
    }
    .input{
      height: 3.1rem;
      line-height: 3.1rem;
      border-radius: 5px;
      background-color: #fff;
      border:1px #e4e4e4 solid;
      margin:1.2rem 0;
      border-radius: 3px;
      padding:0 1rem;
      margin-bottom:0;
      input{
        width: 100%;
        box-sizing: border-box;
        border:none;
        text-align: left;
      }
    }
    .enterBtn,.yiorderBtn{
      display: block;
      height: 3.266rem;
      line-height: 3.266rem;
      background-color: #ffa800;
      border-radius: 20px;
      color: #fff;
    }
    .yiorderBtn{
      background-color: #f0f0f0;
      color:#999999;
    }
  }
}
.nohelpLayer .code{
  background-color: #fff !important;
  padding-top:0 !important;
  .sharewxBtn{
    display: block;
    height: 3.266rem;
    line-height: 3.266rem;
    background-color: #ffa800;
    border-radius: 20px;
    color: #fff;
    margin:0 2rem;
  }
  .code-img{
    border:0 !important;
  }
}
//列表页面上划刷新
#wrapper {
  position:absolute;
  z-index:-1;
  top:3.8rem;
  bottom:20px;
  left:0;
  width:100%;
  overflow:auto;
}

#scroller {
  position:relative;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  float:left;
  width:100%;
  padding:0;
}

//#scroller ul {
//  position:relative;
//  list-style:none;
//  padding:0;
//  margin:0;
//  width:100%;
//  text-align:left;
//}

/**
 *
 * 下拉样式 Pull down styles
 *
 */
#pullDown, #pullUp {
  background:#fff;
  height:40px;
  line-height:40px;
  padding:5px 10px;
  border-bottom:1px solid #ccc;
  font-weight:bold;
  font-size:14px;
  color:#888;
  text-align: center;
  display:none;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
  display:block;
  float:left;
  width:40px;
  height:40px;
  background:url('@{imgPath}pull-icon@2x.png') 0 0 no-repeat;
  -webkit-background-size:40px 80px; background-size:40px 80px;
  -webkit-transition-property:-webkit-transform;
  -webkit-transition-duration:250ms;
}
#pullDown .pullDownIcon {
  -webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
  -webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown.flip .pullDownIcon {
  -webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
  -webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
  background-position:0 100%;
  -webkit-transform:rotate(0deg) translateZ(0);
  -webkit-transition-duration:0ms;

  -webkit-animation-name:loading;
  -webkit-animation-duration:2s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading {
  from { -webkit-transform:rotate(0deg) translateZ(0); }
  to { -webkit-transform:rotate(360deg) translateZ(0); }
}